<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
    <jsp:include page="head.jsp"/>
    <body class="hold-transition skin-purple sidebar-mini">
        <div class="wrapper">
            <%-- 头部 --%>
            <jsp:include page="header.jsp"/>
            <%-- 头部 --%>
            <%-- 侧栏区域 --%>
            <jsp:include page="aside.jsp"/>
            <%-- 侧栏区域 --%>

            <!-- 内容区域 -->

            <div class="content-wrapper">
                <!-- 内容头部 -->
                <section class="content-header">
                    <h1>
                        数据管理
                        <small>数据列表</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li><a href="#">数据管理</a></li>
                        <li class="active">数据列表</li>
                    </ol>
                </section>
                <!-- 内容头部 /-->
                <!-- 正文区域 -->
                <section class="content">

                    <!-- .box-body -->
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">列表</h3>
                        </div>

                        <div class="box-body">

                            <!-- 数据表格 -->
                            <div class="table-box">

                                <!--工具栏-->
                                <div class="pull-left">
                                    <div class="form-group form-inline">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default" title="新建"><i
                                                    class="fa fa-file-o"></i> 新建
                                            </button>
                                            <button type="button" class="btn btn-default" title="删除"><i
                                                    class="fa fa-trash-o"></i> 删除
                                            </button>
                                            <button type="button" class="btn btn-default" title="开启"><i
                                                    class="fa fa-check"></i> 开启
                                            </button>
                                            <button type="button" class="btn btn-default" title="屏蔽"><i
                                                    class="fa fa-ban"></i> 屏蔽
                                            </button>
                                            <button type="button" class="btn btn-default" title="刷新"><i
                                                    class="fa fa-refresh"></i> 刷新
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="box-tools pull-right">
                                    <div class="has-feedback">
                                        <input type="text" class="form-control input-sm" placeholder="搜索">
                                        <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                    </div>
                                </div>
                                <!--工具栏/-->

                                <!--数据列表-->
                                <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                                    <thead>
                                        <tr>
                                            <th class="" style="padding-right:0px;">
                                                <input id="selall" type="checkbox" class="icheckbox_square-blue">
                                            </th>
                                            <th class="sorting_asc">ID</th>
                                            <th class="sorting_desc">Browser [降序]</th>
                                            <th class="sorting_asc sorting_asc_disabled">Platform(s) [屏蔽升序]</th>
                                            <th class="sorting_desc sorting_desc_disabled">Engine version [屏蔽降序]</th>
                                            <th class="sorting">CSS grade [点击排序]</th>
                                            <th class="text-center sorting">屏蔽</th>
                                            <th class="text-center">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>1</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>2</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>3</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>4</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>5</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>6</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><input name="ids" type="checkbox"></td>
                                            <td>7</td>
                                            <td>Internet Explorer 4.0
                                            </td>
                                            <td>Win 95+</td>
                                            <td> 4</td>
                                            <td>X</td>
                                            <td class="text-center">开启</td>
                                            <td class="text-center">
                                                <button type="button" class="btn bg-olive btn-xs">订单</button>
                                                <button type="button" class="btn bg-olive btn-xs">详情</button>
                                                <button type="button" class="btn bg-olive btn-xs">编辑</button>
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>
                                <!--工具栏-->
                                <div class="pull-left">
                                    <div class="form-group form-inline">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-default" title="新建"><i
                                                    class="fa fa-file-o"></i> 新建
                                            </button>
                                            <button type="button" class="btn btn-default" title="删除"><i
                                                    class="fa fa-trash-o"></i> 删除
                                            </button>
                                            <button type="button" class="btn btn-default" title="开启"><i
                                                    class="fa fa-check"></i> 开启
                                            </button>
                                            <button type="button" class="btn btn-default" title="屏蔽"><i
                                                    class="fa fa-ban"></i> 屏蔽
                                            </button>
                                            <button type="button" class="btn btn-default" title="刷新"><i
                                                    class="fa fa-refresh"></i> 刷新
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="box-tools pull-right">
                                    <div class="has-feedback">
                                        <input type="text" class="form-control input-sm" placeholder="搜索">
                                        <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                    </div>
                                </div>
                                <!--工具栏/-->

                            </div>
                            <!-- 数据表格 /-->


                        </div>
                        <!-- /.box-body -->

                        <!-- .box-footer-->
                        <div class="box-footer">
                            <div class="pull-left">
                                <div class="form-group form-inline">
                                    总共2 页，共14 条数据。 每页
                                    <select class="form-control">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select> 条
                                </div>
                            </div>

                            <div class="box-tools pull-right">
                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous">首页</a>
                                    </li>
                                    <li><a href="#">上一页</a></li>
                                    <li><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">下一页</a></li>
                                    <li>
                                        <a href="#" aria-label="Next">尾页</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <!-- /.box-footer-->
                    </div>
                </section>
                <!-- 正文区域 /-->
            </div>
            <!-- 内容区域 /-->


            <!-- 底部导航 -->
            <jsp:include page="footer.jsp"/>
            <!-- 底部导航 /-->

        </div>
        <jsp:include page="footer-js.jsp"/>
    </body>
</html>
<!---->
